
// import {useStudents} from "../../hook/students"
// import { Card,Form, Input, InputNumber, Button,Space,Breadcrumb,Radio,Select,} from 'antd';

// // eslint-disable-next-line
// export default ()=>{

//     const [{},{addstudent}]=useStudents()

//     const { Option } = Select;

//     const layout = {
//         labelCol: {
//           span: 8,
//         },
//         wrapperCol: {
//           span: 16,
//         },
//       };
//       /* eslint-disable no-template-curly-in-string */
//         const validateMessages = {
//         required: '${label} is required!',
//         types: {
//           email: '${label} is not a valid email!',
//           number: '${label} is not a valid number!',
//         },
//         number: {
//           range: '${label} must be between ${min} and ${max}',
//         },
//       };
//       /* eslint-enable no-template-curly-in-string */
//     //   const prefixSelector = (
//     //     <Form.Item name={['student', 'prephone']}noStyle>
//     //       <Select
//     //         style={{
//     //           width: 70,
//     //         }}
//     //       >
//     //         <Option value="86">+86</Option>
//     //         <Option value="87">+87</Option>
//     //       </Select>
//     //     </Form.Item>
//     //   );
      

//         const onFinish = (values) => {
//           addstudent(values.student)
 
//     }


//     return (
//         <Space direction="vertical" style={{width:"100%"}}>

//         <Card >
//             <Breadcrumb>
//                 <Breadcrumb.Item>主页</Breadcrumb.Item>
//                 <Breadcrumb.Item>
//                 <a href="#">学生信息</a>
//                 </Breadcrumb.Item>
//                 <Breadcrumb.Item>
//                 <a href="#">新增学生</a>
//                 </Breadcrumb.Item>
//             </Breadcrumb>
           
//         </Card>
//         <Card > 
//             <Form {...layout} name="nest-messages" onFinish={onFinish} validateMessages={validateMessages}
//             style={{width:400,marginTop:"20px",marginRight:"10vw"}}
//             >
//                 {/* 姓名 */}
//       <Form.Item
//         name={['student', 'name']}
//         label="姓名"
//         rules={[
//           {
//             required: true,
//           },
//         ]}
//       >
//         <Input />
//       </Form.Item>
//       {/* 性别 */}
//       <Form.Item name={["student","gender"]} label="性别">
//         <Radio.Group>
//           <Radio value="男">男</Radio>
//           <Radio value="女">女</Radio>
//         </Radio.Group>
//       </Form.Item>
//       {/* 年龄 */}
//       <Form.Item
//         name={['student', 'age']}
//         label="年龄"
//         rules={[
//           {
//             type: 'number',
//             min: 0,
//             max: 99,
//           },
//         ]}
//       >
//         <InputNumber />
//       </Form.Item>
//       {/* 电话 */}
//       <Form.Item
//         name={['student', 'phone']}
//         label="Phone Number"
//         rules={[
//           {
//             required: true,
//             message: 'Please input your phone number!',
//           },
//         ]}
//       >
//         <Input
//           addonBefore={prefixSelector}
//           style={{
//             width: '100%',
//           }}
//         />
//       </Form.Item>
//       {/* email */}
//       <Form.Item
//         name={['student', 'email']}
//         label="Email"
//         rules={[
//           {
//             type: 'email',
//           },
//         ]}
//       >
//         <Input />
//       </Form.Item>
     
//       {/* 邮箱 */}
//       {/* zip */}
//       <Form.Item
//         name={['student', 'zip']}
//         label="邮编"
       
//       >
//         <Input />
//       </Form.Item>
//       <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 8 }}>
//         <Button type="primary" htmlType="submit">
//           Submit
//         </Button>
//       </Form.Item>
//     </Form>
//         </Card>
//     </Space>
//     )
// }